@charset "utf-8";
/* CSS Document */
html,body{height:100%;}
.header-msg{
	display:inline-block;
	width:96%; padding:0 2%;
	line-height:2.5rem;
	position:absolute;
	background-color:rgba(255,255,255,0.8);
	white-space:nowrap;}
.header-img{ width: 100%; height: auto;max-width: 100%; display: block; }  
.header-msg span{font-size:1.1rem;}
.header-msg .prompt{ color:#4486ff;}
.prompt{color:#f3564e;}
/*header结束*/
#bgpg{width:100%; margin:0 auto;background:url(../images/img.jpg) no-repeat;background-position:top;background-size:cover;padding:0 2%;box-sizing:border-box;}
.countdown{
	width:100%;
	line-height:3rem;
	text-align:center;
	color:#FFF;
	font-size:1rem; background:rgba(255,255,255,0);
	position:absolute; top: 33%;
}
.countdown span{
	font-weight:600;
	margin-left:.7rem;}
.content{
	width:100%;
	color:#555555;
	background:#FFF;
	box-sizing:border-box;
	border:solid .2rem #ffcc00;
	border-radius:.5rem;}
.content img{
	position: relative;}
.content #icon{
	width: 3rem; height: 3rem;
	position: absolute; left:2.5%;}
.content .banner{
	width:100%; height:14rem;
	box-sizing:border-box;
	border:solid .2rem #e5b904;}
.content .price{
	padding:3% 2%; vertical-align: middle;
	overflow: hidden;
	white-space:nowrap;}

.Fl{
	float: left; width: 55%;
	border: solid 1px #ffffff;
	box-sizing: border-box;
}
.Fr{width: 45%;
	float: right;padding-left: 2%;
	/*border: solid 1px #ffffff;*/
	box-sizing: border-box;
	text-align: right;
}	
.content .minimumprice{
	font-size:1.4rem;
	box-sizing: border-box;
	border: solid 1px #FFFFFF;}
.content .originalprice{
	text-decoration:line-through;
	font-size:.9rem;
	/*box-sizing: border-box;*/
	/*border: solid 1px #FFFFFF;*/
}	
.content .participate{
	display: inline-block;
	font-size:.9rem;
	box-sizing: border-box;
	border: solid 1px #ffffff;}
.content .price a{
	display: inline-block; padding:1%;
	color:#FFFFFF; font-size: .9rem;
	background: #f32c52;
	box-sizing: border-box;
	border: solid 1px #FFFFFF;
}	
.content p{
	clear:both;
	font-size:1.2rem;
	font-weight:500; color:#000;
	padding:0 2% 2% 2%;
	line-height:1.5rem;
	text-align:justify;}
.content .Progressbar{
	width:90%; height:2.4rem;
	margin:4% auto 3% auto;
	background:#f4a205;
	border-radius:5rem;
	position:relative;
}
.content .Presentprice{
	width:60%; height:1.9rem;
	background:#ffcc00;
	border-radius:5rem;
	position: absolute; top:.2rem;}
.content .Progressbar .span{
	position:absolute; left: 35%;
	font-size: 1.2rem; line-height: 2.4rem;
	color:#6a2c00;}
.content .Progressbar span{
	font-weight: bold;}
.content .brown{
	color:#6a2c00; text-align:center;
	font-size:1.1rem;
    padding-bottom:4%;}
.aImg{
	cursor:pointer; display:inline-block;
	margin:3% 0;}
.section{
	clear:both;
	width:94%; height:auto;
	background:#FFF;
	box-sizing:border-box;
	border:.1rem solid #097cdc;
	border-radius:.3rem;
	padding:8% 3% 3% 3%;
	margin:4rem auto;
	color:#6a2c00; /*font-size:1.4rem;*/
	position:relative;}
.section .title{
	width:60%;
	position:absolute; top:-1.5rem; left:20%;
	background:url(images/img-4.PNG) no-repeat;
	background-size:contain;}
.section .list{
	width:49.5%;
	text-align:center;
	font-size:1rem;
	box-sizing:border-box;
	border-bottom:.1rem solid #e3e3e3;
	float:left;}
.section .hot-list{
	width:100%;
	text-align:center;
	font-size:1.2rem;
	box-sizing:border-box;
	border-bottom:.1rem solid #e3e3e3;
	float:left;}
.section .hot-list span{
	display: inline-block; line-height: 2.5rem; padding: 0 2% 2% 2%;
	color:#f32c52; border-bottom: solid 2px ;
	box-sizing: border-box;
}	
.selectmodel{
	color:#f32c52;
	border-bottom:2px solid #f32c52;	
}
.section .verticalline{
	display:inline-block;
	height:2rem;
    width:1px;
    background: #d7c7bb;
	box-sizing:border-box;	
	float:left;
    margin-top:1rem;
}
.section .list span{
	display:inline-block;
	height:4rem; line-height:4rem;}
.section .list.active span{
    color:#f32c52;
    border-bottom:.2rem solid #f32c52;
    box-sizing:border-box;}
.section .list span:hover{
	color:#f32c52;
	border-bottom:.2rem solid #f32c52;
	box-sizing:border-box;}
.section .individual{
	width:auto; height:auto; color:#a6714c;
	position:relative;
	padding:1rem;
	border-bottom:#d7c7bb .1rem solid;
	clear:both;
	font-size:1rem;
}
	.section .Headportrait	{
		border-radius:15rem;
		display:inline-block;
		width:3rem; height:3rem;}
	.section .nickname{
		display:inline-block;
		text-align: left;
		width: 30%;
		margin-right: -10%;
		position:absolute; top:40%; right:54%;}
	.section .cash{
		display:inline-block;
		position:absolute; top:40%; right:24%;}
	.section .ranking{
		width:3.2rem; height:2.7rem;
		position:absolute; right:2%;}	
.section .QRcode{
	width:5rem; height:5rem;}
.section p{
	/*line-height:2.2rem;*/
	clear:left;
	/*font-size:1.2rem;*/}

.section p.more{
	line-height:2rem;
	overflow : hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.section .disp{
	-webkit-line-clamp: 5;
}

/*___修改修改____________________________________________*/
.section .tip{
	color:#cd0000; font-weight:600;
	font-size:1.1rem; line-height:6rem;
	text-align:right;
	margin-top:-8%; margin-right:5%;
	position:relative;
}
.section .tip span{
	font-size:.9rem; line-height:2rem;
	position:absolute; right:20%; bottom:-5%;
}
.section a{
	/*display:inline-block; width:100%;
	font-size:1.2rem; color:#000;
	text-decoration:none;
	text-align:center; height:4rem;
	line-height:4rem;
	border-top:.01rem solid #c7ae89; padding-top:3%;*/
	}	
.section a.bordertop{
	border:0;
	margin-top:0; padding-top:0; height:3.8rem; line-height:3.8rem;
}
.Advertisement-img{
	width:48%; height:70%;
	margin-right:1%;}
.section span.line{
	letter-spacing:0;
}
footer{
	margin-top:-10%;	
}
footer p{
	text-align:center;
	line-height:5rem;
	font-size:1.1rem; color:#044a85;}
/*index结束*/
/*我要参与活动（首页）开始*/
.personal-I{
	width:100%; text-align:center; height:auto;
}
.personal-I .h-portrait{
	width:10rem; height:10rem;
	margin:12% 0 6%;
	/*border:#FFF .2rem solid;*/
	border-radius:6rem;
}
.personal-I .nick-n{
	font-size:2rem; margin-bottom:8%;
	color: #ffffff;
    /*text-shadow: 1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff;*/
}
.takepartin{width:12rem;display: block;margin:0 auto;}
/*我要参与活动（首页）结束*/
.heading{
	width:100%;
	font-size:1.5rem;
	line-height:4rem; text-align:center;
	border-bottom: 1px solid #d7c7bb;
    background: #fff;
}
.heading a{
	position:absolute; width:20%; left:0;cursor: pointer;
}
.heading a img{
	width:1rem; height:1.5rem;
	cursor: pointer;
	position:absolute; left:12%; margin-top:20%;
}
/*好友帮砍、代付明细页面*/
#bgDetailed{
	background:#FFF;
	
}
#bgDetailed .section{
	margin-top:0;
	padding:0 1%;
	border:0;
}
#bgDetailed .section .list{
	font-size:1.4rem; line-height:4rem;
	margin-top:0;
	color:#666666;
	border-bottom:.1rem solid #d7c7bb;
}	
#bgDetailed .individual{
	color:#666666;
	font-size:1rem; top:0; line-height:5rem;
}
#bgDetailed .Headportrait{
	width:3.5rem; height:3.5rem;
}
#bgDetailed .rank{
	width:3.5rem;
	position:absolute; left:11.5%; top:2%;
}
#bgDetailed .nickname{
 left:25%; top:15%;
}
#bgDetailed .cash{
	right:27%; top:15%;
}
#bgDetailed .cash:last-child{
    right:0;
}
#bgDetailed .list:hover{
	color:#1e95f9;
	border-bottom:.2rem solid ;
}
#bgDetailed span{
	color:#ff0030;
}
#bgDetailed footer{
	height:12rem;
}
#bgDetailed .individual_2{
	color:#666666;
	display:block;
}
/*barginRanking砍价排行*/
#bgDetailed .section #scene .individual>span{
	color: #666666;
}
#bgDetailed .my{
	width:100%; height:auto; color: #666666; font-size: 1.3rem;
	text-align: center;
}
#bgDetailed .section .my .Headportrait{
	width:8rem; height: 8rem; border-radius: 5rem; margin-top:2rem;
}
#bgDetailed .section .my .nickname{
	position: static; display: block;
}
#bgDetailed .section .my .ranking{
	position: static; width: auto; font-size: 1rem;
	margin-bottom: 3rem;
}
/*PKlist页面*/
#pklist{
	background:#FFF;
}
.heading span{
	position:absolute; right:2%; top:2%;
	line-height:1.6rem; width:16%;
	font-size:.9rem; color:#a3a3a3;
	border:solid .1rem #d7c7bb;
	box-sizing:border-box;
	border-radius: .3rem;
}
#pklist table{
	border-collapse:collapse; font-size:1.1rem;
	text-align:center;
}
#pklist table.th{
	width:100%;
	background:url(../images/img-16-1.png) no-repeat;
	background-size:cover;
	color:#FFF;
	}
#pklist table.tr{width:96%; margin:0 2%;}
table tr{height:2.8rem;}
table,td{border-bottom:.1rem solid #cfcfcf; height:3.5rem;}
table .rank{width:10%;}
table .Initiator{width:25%; }
table .tradeName{width:50%;}
table .number{width:100%;}
table span{
	display:inline-block;
	width:3rem;  line-height:1.2rem;
	background:#ffcc00; color:#FFF;
	border-radius:.3rem;
}
table .rank span{
	width:1rem; height:1rem;  padding: .1rem ;font-size:.8rem;
	position:relative; left:-20%;
}
table .number span{
	width:4rem; height:1rem;  padding: .1rem ;font-size:.8rem;
	position:relative; right:-5%;
}
table tr:first-child span{
	background:#F00;
}
#pklist footer{
	height:10rem;
}
/*Delivery address 收货地址(到店、物流）*/
.selectModel a{
    color:#1e95f9 !important;
    border-bottom:2px solid !important;
    box-sizing: border-box;
}
#deliveryAddress{
	background:#FFF;font-size:1.5rem;
	height:60rem;/*背景色（确定按钮设置float脱离文档流*/
}
.mode-select{
    width:100%;
    border-bottom: 1px solid #c9c9c9;
}
.mode-select a{
	border:0;
}
.mode-select:after{
    clear: both;
    visibility: hidden;
    display: block;
    height:0;width:100%;
    content: '';
}
.mode{
	width:50% !important;
	text-align:center;
    font-size:1.3rem;
	box-sizing:border-box; line-height:4rem;
    float: left;
    padding-top: 0 !important;
}
.mode{
    display: block;
    box-sizing: border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.mode.selectModel{
    color:#1e95f9;
    border-bottom:2px solid;
}
.mode:hover{
	color:#1e95f9;
	border-bottom:2px solid;
}
#deliveryAddress .receiver{
	width:94%; margin:0 3%;
	line-height:5rem;
	text-align:left; border:0;
}
#deliveryAddress .receiver div{
    height:5rem;
}
#deliveryAddress .receiver div label{
    font-size:1.3rem;
}
#deliveryAddress .receiver span{
	color:#F00;
}
#deliveryAddress div{
	box-sizing:border-box;
	border-bottom:.1rem solid #c9c9c9;
}
#deliveryAddress .input-div{
    width:75%;float: right;
}
#deliveryAddress .input-div input{
    height:4.8rem;
    border:0;
    outline: none;
    width:100%;
}
.option-select{
    position: relative;
}
#deliveryAddress .select-div {
    position:absolute; top: 0; left: 0;
    width:100%;height:100%;
}
#deliveryAddress .select-div select{
    width:100%;height:100%;
    opacity:0;
}
#deliveryAddress .btn{
	line-height:3rem;
	width:80%; text-align:center;
	background:#ffcc00; font-size:1.5rem;
	border-radius:7rem; border:.1rem solid #efb001;
	margin:20% auto;
    display: block;
	letter-spacing:.6rem; color:#6a2c00;
	cursor:pointer;
}
.receiver a{
	position:absolute; right:5%; width:20%; text-align:right;
}
/*Order details订单详情*/
#orderDetails{
    margin-bottom: 5rem;
}
#orderDetails .location{
	width:1.2rem;
	position:absolute; left:2%; top:48%;
}
#orderDetails .more{
	position:absolute; right:2%; top:50%;
	width:1.2rem;
}
#orderDetails .adress{
    position: relative;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom:.5rem;
    background:#fff
}
#orderDetails .receiving{
	width:94%; padding:5%; margin:0 3%;
	font-size:1.5rem; font-weight:500;
	box-sizing:border-box;
	padding-left: 10px;
	border:solid 1px #FFF;
}
#orderDetails .contacts{
	float:left; font-size: 1.3rem;
}
#orderDetails .tel{
	float:right;font-size: 1.3rem;
}
#orderDetails .address{
	clear:both; font-size:0.9rem; margin-top:8%;
	font-weight:normal;
}
#orderDetails .order{
	width:100%; padding:4% 3%;
	background:#FFF; font-size:1rem;
    box-sizing: border-box;
}
#orderDetails .commodity{
	position:relative;
	/*margin:1rem 0;*/
}
#orderDetails .commodity img{
	width:7rem; height:7rem;
}
#orderDetails .commodity p{
	width:70%;
	float:right; font-size:1.5rem;
}
#orderDetails .commodity .price{
	position:absolute; bottom:0.4rem; right: 0;
}
#orderDetails .commodity .price .through{
	text-decoration:line-through;
}
#orderDetails .commodity .price span{
	width:30%; display:inline-block;
}
#orderDetails .order>p span{
	color:#F00; font-size:1.1rem; line-height:2rem;
}
#orderDetails .order p{
	font-size:1.1rem; line-height:2rem;margin-left: 10px;
}
#orderDetails .details{
	padding:3% 2% 5% 0;
	margin-top:2%;
	border-top:#cbcbcb .1rem solid;
	box-sizing:border-box;
}
#orderDetails .details p{
	line-height:2.5rem;
	color:#a1a1a1;
	font-size:1.1rem;
}
#orderDetails .total{
	width:100%; position:fixed;
    left: 0;bottom: 0;
	background:#FFF;
	padding:3%;
    box-sizing: border-box;
    box-shadow:1px -2px 10px #cacaca;
}
#orderDetails .total p{
	float:left; font-size:1.2rem;line-height:2.5rem;
}
#orderDetails .total p span{
	color:#F00; font-weight:600;
	
}
#orderDetails .total a{
    float:right;
	width:25%; line-height:2.5rem;
	text-align:center; font-size:1.3rem;
	background:#f50521; border-radius:.5rem;
	color:#FFF;
}
/*Payment confirmation确认代付页面*/
#payment{
	background:#FFF; font-size:1.1rem;padding-bottom: 8%;
}
#payment p{
	width:84%; margin:8% 8%;
	font-size:1.4rem; line-height:2rem;
}
#payment p span{
	font-size:2.3rem;
	color:#F00; font-weight:700;
}
#payment .option{
	width:84%; margin:8%;
}
#payment .option span{
	font-size:1.5rem;
}
#payment .option .line{
	width:100%; font-size:1.7rem; white-space: nowrap;
}
#payment .option .line span{
	display:inline-block;
	width:30%; 
	color:#FFF; border-radius:2.2rem;
	background:#ffcc00;
	position:relative;
	text-align:center; line-height:2.2rem;
	margin:5.5% 2% 5.5% 0;
}
#payment .option .line span:hover{
	cursor:pointer;
	background:#1e95f9;
}
#payment .line span img{
	width:3rem; height:.3rem; position:absolute;
	right:12%; top:5%;
}
#payment form{
	font-size:1.4rem;
}
#payment form input{
	width:70%; height:2.8rem; margin:2.2rem 0;
	border:solid 1px #b3b3b3;
	box-sizing:border-box;
	font-size:1.5rem;
    outline:none;
}
#payment .submit{
	display:block;
	width:80%;
	background:#ff0030;
	border-radius:2rem;
	text-align:center; line-height:3rem;
	color:#FFF; letter-spacing:1rem;
	margin:2rem auto;
	border:#d4052c .2rem solid;
	font-size:1.8rem;
}

/*Product list商品列表*/
#productList{
	background:#FFF;
}
#productList .commodity{
	width:96%; margin:0 2%; padding:4% 0;
	position:relative;
	box-sizing:border-box;
	border-bottom:#cfcfcf 1px solid;
}
#productList .commodity:after{
	clear:both;
	display:block;
	content:'';
}
#productList .commodity .img{
	width:30%; 
	float:left;
}
#productList .commodity .img .icon{
	width: 3rem; height: 3rem;
	position: absolute; margin-left: -.08rem; margin-top: -.08rem;	
}
#productList .commodity img{
	width:100%; height:100%;
}
#productList .information{
	float:right; width:65%;
}
#productList .information p{
	font-size:1.1rem; color:#5a5a5a;line-height:1.5rem;
}

#productList .information p#tit{
	height:3rem; overflow: hidden;
	box-sizing: border-box;
	white-space: nowrap;
	border: solid 1px #333333;
	}
#productList .information p+span{
	 background:#FFA800;
	color:#FFFFFF; line-height:1.3rem; font-size:.9rem;
	border-radius: .2rem;
	display: inline-block; text-align: center;
	margin: 2% 0 4% 0; padding:.5% 1%;
}
#productList .information span+.participants{
	float: right;
	margin: 2% 0 4% 0;
}
#productList p.participants{
	font-size:1rem; color:#aeaeae; line-height:1.5rem;float: right;
}
#productList p.originalPrice{
	font-size:1rem; color:#aeaeae;
	text-decoration:line-through;

}
#productList p.floorPrice{
	line-height:1.5rem;
}
#productList .price{
	position:absolute;
	bottom:10%;
}
#productList p.floorPrice span{
	color:#ff0030; font-size:1.3rem;
	font-weight:600;
}
#productList .information a{
	display:inline-block;
	width:25%;  line-height:2rem;
	background:#ff0030;
	border-radius:2rem;
	text-align:center;
	color:#FFF; font-size:1.2rem;
	position:absolute; right:5%;bottom:10%;
    border:1px solid #d4052c
}
/*List of winners中奖名单*/
#listOfWinners{
	background:#FFF;
}
#listOfWinners li:after{
    clear: both;;content: '';
    display: block;;width:100%;height:0;
    visibility: hidden;
}
#listOfWinners li{
	line-height:5rem;
	margin:0 4%;
	/*font-size:1.3rem;*/
	border-bottom:#cfcfcf .1rem solid;
	box-sizing:border-box;
}
#listOfWinners li span{
    display: block;float: left;
}
#listOfWinners li .name{
	margin-left:3%;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    width:169px;
    display:inline-block;
}
#listOfWinners .details{
	width:5rem;
	background:#ffd342;
	border-radius:.3rem;
	float:right; 
	color:#FFF; line-height:2.5rem;
	margin-top:1.25rem;
	text-align:center;
    font-size:.9rem;
}
#listOfWinners footer{
	height:6rem;
}
/*Popup 砍价失败弹窗*/
#Transparent{
	background:rgba(0,0,0,0.8);
	width:100%; height:100%;
	box-sizing:border-box;
	border:solid 1px #333;
	position:fixed;
    top:0;
    left:0;
    z-index: 99;
	padding:45% 10%;
}
#Popup{
	position:absolute;
	width:70%;
	padding:15% 5% 5% 5%;
	background:#FFF; border-radius:1rem;
	font-size:1.7rem; font-weight:600;
    text-align: center;
}
#Popup .close{
	width:3rem; height:3rem;
	position:absolute; top:-5%;
	right:-5%;
}
#Popup p{
	color:#6a2c00; font-size:1.6rem;text-align: center;line-height:2rem;
}
#Popup p:nth-child(3){
	/*color:#F00;*/
}
#Popup .confirm{
	display:inline-block; width:80%;
	background:#ffcc00;
	border-radius:2rem;
	text-align:center; line-height:3.2rem;
    margin-top:2rem; color:#6a2c00;
}
#Popup .confirm img{
	width:4.8rem; height:.5rem;
	position: absolute;top:72%; right:23%;
}
/*Popup 砍价成功弹窗*/
#successPopup{
	background:rgba(0,0,0,0.8);
	width:100%; height:50rem;
	box-sizing:border-box;
	border:solid 1px #333;
	position:relative;
	padding:30% 8%;
	text-align:center;
}
#successPopup #Popup a{
	width:76%; line-height:4rem;
	position:absolute;
	left:12%; color:#6a2c00; font-weight:600;
}
#successPopup p{
	position:absolute; left:20%; top:30%;
}
#successPopup p span{
	color:#F00;
	font-size:2.5rem; font-weight:600;
}
/*Popup 参加成功弹窗*/

#Transparent #Popup p span{
    color:#f50521;
	font-size:2.5rem;
}
/*Popup 提交订单弹窗*/
#placeOrder{
	background:rgba(0,0,0,0.8);
	width:100%; height:100%;
	box-sizing:border-box;
	border:solid 1px #333;
	position:fixed;top:0;left: 0;
	padding:45% 8%;
	text-align:center;
}
#placeOrder #Popup{
	padding:0 2%; width:80%;
	height:auto;
}
#placeOrder #Popup h2{
	font-size:1.8rem;
	line-height:4rem; color:#6a2c00;
	border-bottom:.1rem solid #cfcfcf;
	box-sizing:border-box;
}
#placeOrder #Popup p{
	position:static; line-height:1.8rem;
	font-weight:500;
	margin-top:3%;
	font-size:1.4rem;
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;	
}
#placeOrder #Popup p.sm{
    font-size:1rem;
    color:#979797
}
#placeOrder #Popup p span{
	color:#F00; font-size:2.3rem;
}
#placeOrder {
	color:#979797; font-size:1.2rem;
}
#placeOrder #Popup .btn{
	padding-bottom:5%;
}	
#placeOrder #Popup a{
	position:static; width:40%;
	line-height:2.5rem;
	font-size:1.5rem;
	margin-top:1.5rem;
	color:#6a2c00;
}
#placeOrder #Popup a:first-child{
	background:#c7c7c7; 
	color:#21201f;
	margin-right:5%;
}
/*hotpopup抢爆成功、失败弹窗*/
.hotPopup{
	height: 7rem; line-height: 7rem !important;
	box-sizing: border-box;
}
.hpb{
	background: #91c8f6 !important;
}
#placeOrder #Popup .hpfs{
	color:#6a2c00 !important; 
	font-size: 1.4rem !important;
}

/*PK榜单名称样式*/
.tradeName div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 140px;text-align: left;font-size: .9rem;margin-left:20%;}
.Initiator div {text-align: left;margin-left:24%;font-size: .9rem;white-space: nowrap;text-overflow: ellipsis;}

